<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>button</title>
	<base target="_blank">
	<style type="text/css">
		body{
			background-color: #D2E9FF;
		}
		div{
			font-size: 30px;
			color: white;
			text-align: center;
			width: 160px;
			height: 60px;
			border: 2px #FFECF5 solid;
			line-height: 60px;
			background-color:  #FFD9EC;
			margin:auto;

		}
		div:link{
			font-size: 30px;
			color: white;
			text-align: center;
			width: 160px;
			height: 60px;
			border: 2px #FFECF5 solid;
			line-height: 60px;
			background-color:  #FFD9EC;
		}
		div:visited{
			font-size: 30px;
			color:black;
			text-align: center;
			width: 160px;
			height: 60px;
			border: 2px #FFECF5 solid;
			line-height: 60px;
			background-color:  #F0F0F0;
		}
		div:hover{
			font-size: 35px;
			color: #97CBFF;
			text-align: center;
			width: 170px;
			height: 70px;
			border: 2px #FFD9EC solid;
			line-height: 70px;
			background-color: pink;
		}
		div:active{
			font-size: 30px;
			color: #efefef;
			text-align: center;
			width: 160px;
			height: 60px;
			border: 2px  #efefef solid;
			line-height: 60px;
			background-color:  #f46;
			
		}
		a{
			text-decoration: none;
			color: white;
		}
		
		
	</style>
</head>
<body>
	<div><a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1536899431966&di=74df857685085634a5933599a3f857e1&imgtype=0&src=http%3A%2F%2Fimg.duoziwang.com%2F2018%2F04%2F2410310013230.jpg">button</a></div>
	
</body>
</html>